﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>仿京东快报</title>
        <style type="text/css">
            body,div,p,ul,li{
                margin: 0px auto;
                padding: 0px;
            }
            div{
                margin: 30px 30px;
                width: 230px;
                border: 1px solid #e4e4e4;
            }
            p{
                color: #666666;
                font-size: 16px;
                line-height: 40px;
                height: 40px;
                background: linear-gradient(to bottom,#ccccff,#fefeff);
                border-bottom: 1px dashed #e8e8e7; 
                text-indent: 1em;
            }
            ul{
                list-style-type: none;
            }
            li{
                line-height: 26px;
                color: #666666;
                font-size: 12px;
                text-indent: 16px;
            }
            .l1:link{
                color: #666666;
                text-decoration: none;
            }
            .l1:hover{
                color: #fd5757;
            }
        </style>
    </head>
    <body>
        <div>
            <p>京东快报</p>
            <ul>
                <li><a href="#" class="l1"><strong>[特惠]</strong>海飞丝去屑又去油 超清爽</a></li>
                <li><a href="#" class="l1"><strong>[公告]</strong>京东公益支持鲁甸新动作</a></li>
                <li><a href="#" class="l1"><strong>[特惠]</strong>4688元抢iPhone 6</a></li>
                <li><a href="#" class="l1"><strong>[公告]</strong>小米电视携豪礼高调入驻京东</a></li>
            </ul>
        </div>
    </body>
</html>